<!DOCTYPE html><html lang="en"><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!--[if IE]><link rel="icon" href="/favicon.ico" /><![endif]-->
    <title>gfer</title>
    <link href="/css/question.4b9d14a7.css" rel="prefetch">
    <link href="/js/blog-post.90dab9ad.js" rel="prefetch">
    <link href="/js/blog.fd7a2555.js" rel="prefetch">
    <link href="/js/chunk-2d0e4832.97a66d03.js" rel="prefetch">
    <link href="/js/chunk-2d20975c.792da096.js" rel="prefetch">
    <link href="/js/chunk-2d21d04a.bd2f64f8.js" rel="prefetch">
    <link href="/js/news-detail.4e61d0a2.js" rel="prefetch">
    <link href="/js/news.15401315.js" rel="prefetch">
    <link href="/js/question.73fe17e9.js" rel="prefetch">
    <link href="/js/user.d415fbca.js" rel="prefetch">
    <link href="/css/app.8e52684f.css" rel="preload" as="style">
    <link href="/js/app.403ab9f6.js" rel="preload" as="script">
    <link href="/js/chunk-vendors.d9521dea.js" rel="preload" as="script">
    <link href="/css/app.8e52684f.css" rel="stylesheet">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="theme-color" content="#4DBA87">
    <meta name="apple-mobile-web-app-capable" content="no">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="gfer">
    <link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png">
    <link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87">
    <meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png">
    <meta name="msapplication-TileColor" content="#000000">
    <style type="text/css">
      .f {
        width: 60px;
        height: 40px;
        display: inline-block;
        background: url();
      }
      .f-and,
      .f.f-ad {
        background-position: 0 -41px;
      }
      .f-are,
      .f.f-ae {
        background-position: 0 -82px;
      }
      .f-afg,
      .f.f-af {
        background-position: 0 -123px;
      }
      .f-atg,
      .f.f-ag {
        background-position: 0 -164px;
      }
      .f-aia,
      .f.f-ai {
        background-position: 0 -205px;
      }
      .f-alb,
      .f.f-al {
        background-position: 0 -246px;
      }
      .f-arm,
      .f.f-am {
        background-position: 0 -287px;
      }
      .f-ant,
      .f.f-an {
        background-position: 0 -328px;
      }
      .f-ago,
      .f.f-ao {
        background-position: 0 -369px;
      }
      .f-ata,
      .f.f-aq {
        background-position: 0 -410px;
      }
      .f-arg,
      .f.f-ar {
        background-position: 0 -451px;
      }
      .f-asm,
      .f.f-as {
        background-position: 0 -492px;
      }
      .f-aut,
      .f.f-at {
        background-position: 0 -533px;
      }
      .f-aus,
      .f.f-au {
        background-position: 0 -574px;
      }
      .f-abw,
      .f.f-aw {
        background-position: 0 -615px;
      }
      .f-ala,
      .f.f-ax {
        background-position: 0 -656px;
      }
      .f-aze,
      .f.f-az {
        background-position: 0 -697px;
      }
      .f-bih,
      .f.f-ba {
        background-position: 0 -738px;
      }
      .f-brb,
      .f.f-bb {
        background-position: 0 -779px;
      }
      .f-bgd,
      .f.f-bd {
        background-position: 0 -820px;
      }
      .f-bel,
      .f.f-be {
        background-position: 0 -861px;
      }
      .f-bfa,
      .f.f-bf {
        background-position: 0 -902px;
      }
      .f-bgr,
      .f.f-bg {
        background-position: 0 -943px;
      }
      .f-bhr,
      .f.f-bh {
        background-position: 0 -984px;
      }
      .f-bdi,
      .f.f-bi {
        background-position: 0 -1025px;
      }
      .f-ben,
      .f.f-bj {
        background-position: 0 -1066px;
      }
      .f-blm,
      .f.f-bl {
        background-position: 0 -1107px;
      }
      .f-bmu,
      .f.f-bm {
        background-position: 0 -1148px;
      }
      .f-brn,
      .f.f-bn {
        background-position: 0 -1189px;
      }
      .f-bol,
      .f.f-bo {
        background-position: 0 -1230px;
      }
      .f-bes,
      .f.f-bq {
        background-position: 0 -1271px;
      }
      .f-bra,
      .f.f-br {
        background-position: 0 -1312px;
      }
      .f-bhs,
      .f.f-bs {
        background-position: 0 -1353px;
      }
      .f-btn,
      .f.f-bt {
        background-position: 0 -1394px;
      }
      .f-bvt,
      .f.f-bv {
        background-position: 0 -1435px;
      }
      .f-bwa,
      .f.f-bw {
        background-position: 0 -1476px;
      }
      .f-blr,
      .f.f-by {
        background-position: 0 -1517px;
      }
      .f-blz,
      .f.f-bz {
        background-position: 0 -1558px;
      }
      .f-can,
      .f.f-ca {
        background-position: 0 -1599px;
      }
      .f-cck,
      .f.f-cc {
        background-position: 0 -1640px;
      }
      .f-cod,
      .f.f-cd {
        background-position: 0 -1681px;
      }
      .f-caf,
      .f.f-cf {
        background-position: 0 -1722px;
      }
      .f-cog,
      .f.f-cg {
        background-position: 0 -1763px;
      }
      .f-che,
      .f.f-ch {
        background-position: 0 -1804px;
      }
      .f-civ,
      .f.f-ci {
        background-position: 0 -1845px;
      }
      .f-cok,
      .f.f-ck {
        background-position: 0 -1886px;
      }
      .f-chl,
      .f.f-cl {
        background-position: 0 -1927px;
      }
      .f-cmr,
      .f.f-cm {
        background-position: 0 -1968px;
      }
      .f-chn,
      .f.f-cn {
        background-position: 0 -2009px;
      }
      .f-col,
      .f.f-co {
        background-position: 0 -2050px;
      }
      .f-cri,
      .f.f-cr {
        background-position: 0 -2091px;
      }
      .f-cub,
      .f.f-cu {
        background-position: 0 -2132px;
      }
      .f-cpv,
      .f.f-cv {
        background-position: 0 -2173px;
      }
      .f-cuw,
      .f.f-cw {
        background-position: 0 -2214px;
      }
      .f-cxr,
      .f.f-cx {
        background-position: 0 -2255px;
      }
      .f-cyp,
      .f.f-cy {
        background-position: 0 -2296px;
      }
      .f-cze,
      .f.f-cz {
        background-position: 0 -2337px;
      }
      .f-deu,
      .f.f-de {
        background-position: 0 -2378px;
      }
      .f-dji,
      .f.f-dj {
        background-position: 0 -2419px;
      }
      .f-dnk,
      .f.f-dk {
        background-position: 0 -2460px;
      }
      .f-dma,
      .f.f-dm {
        background-position: 0 -2501px;
      }
      .f-dom,
      .f.f-do {
        background-position: 0 -2542px;
      }
      .f-dza,
      .f.f-dz {
        background-position: 0 -2583px;
      }
      .f-ecu,
      .f.f-ec {
        background-position: 0 -2624px;
      }
      .f-est,
      .f.f-ee {
        background-position: 0 -2665px;
      }
      .f-egy,
      .f.f-eg {
        background-position: 0 -2706px;
      }
      .f-esh,
      .f.f-eh {
        background-position: 0 -2747px;
      }
      .f-eri,
      .f.f-er {
        background-position: 0 -2788px;
      }
      .f.f-es-ca {
        background-position: 0 -2829px;
      }
      .f-esp,
      .f.f-es {
        background-position: 0 -2870px;
      }
      .f-eth,
      .f.f-et {
        background-position: 0 -2911px;
      }
      .f.f-eu {
        background-position: 0 -2952px;
      }
      .f-fin,
      .f.f-fi {
        background-position: 0 -2993px;
      }
      .f-fji,
      .f.f-fj {
        background-position: 0 -3034px;
      }
      .f-flk,
      .f.f-fk {
        background-position: 0 -3075px;
      }
      .f-fsm,
      .f.f-fm {
        background-position: 0 -3116px;
      }
      .f-fro,
      .f.f-fo {
        background-position: 0 -3157px;
      }
      .f-fra,
      .f.f-fr {
        background-position: 0 -3198px;
      }
      .f-gab,
      .f.f-ga {
        background-position: 0 -3239px;
      }
      .f.f-gb-eng {
        background-position: 0 -3280px;
      }
      .f.f-gb-nir {
        background-position: 0 -3321px;
      }
      .f.f-gb-sct {
        background-position: 0 -3362px;
      }
      .f.f-gb-wls {
        background-position: 0 -3403px;
      }
      .f-gbr,
      .f.f-gb {
        background-position: 0 -3444px;
      }
      .f-grd,
      .f.f-gd {
        background-position: 0 -3485px;
      }
      .f-geo,
      .f.f-ge {
        background-position: 0 -3526px;
      }
      .f-guf,
      .f.f-gf {
        background-position: 0 -3567px;
      }
      .f-ggy,
      .f.f-gg {
        background-position: 0 -3608px;
      }
      .f-gha,
      .f.f-gh {
        background-position: 0 -3649px;
      }
      .f-gib,
      .f.f-gi {
        background-position: 0 -3690px;
      }
      .f-grl,
      .f.f-gl {
        background-position: 0 -3731px;
      }
      .f-gmb,
      .f.f-gm {
        background-position: 0 -3772px;
      }
      .f-gin,
      .f.f-gn {
        background-position: 0 -3813px;
      }
      .f-glp,
      .f.f-gp {
        background-position: 0 -3854px;
      }
      .f-gnq,
      .f.f-gq {
        background-position: 0 -3895px;
      }
      .f-grc,
      .f.f-gr {
        background-position: 0 -3936px;
      }
      .f-sgs,
      .f.f-gs {
        background-position: 0 -3977px;
      }
      .f-gtm,
      .f.f-gt {
        background-position: 0 -4018px;
      }
      .f-gum,
      .f.f-gu {
        background-position: 0 -4059px;
      }
      .f-gnb,
      .f.f-gw {
        background-position: 0 -4100px;
      }
      .f-guy,
      .f.f-gy {
        background-position: 0 -4141px;
      }
      .f-hkg,
      .f.f-hk {
        background-position: 0 -4182px;
      }
      .f-hmd,
      .f.f-hm {
        background-position: 0 -4223px;
      }
      .f-hnd,
      .f.f-hn {
        background-position: 0 -4264px;
      }
      .f-hrv,
      .f.f-hr {
        background-position: 0 -4305px;
      }
      .f-hti,
      .f.f-ht {
        background-position: 0 -4346px;
      }
      .f-hun,
      .f.f-hu {
        background-position: 0 -4387px;
      }
      .f-idn,
      .f.f-id {
        background-position: 0 -4428px;
      }
      .f-irl,
      .f.f-ie {
        background-position: 0 -4469px;
      }
      .f-isr,
      .f.f-il {
        background-position: 0 -4510px;
      }
      .f-imn,
      .f.f-im {
        background-position: 0 -4551px;
      }
      .f-ind,
      .f.f-in {
        background-position: 0 -4592px;
      }
      .f-iot,
      .f.f-io {
        background-position: 0 -4633px;
      }
      .f-irq,
      .f.f-iq {
        background-position: 0 -4674px;
      }
      .f-irn,
      .f.f-ir {
        background-position: 0 -4715px;
      }
      .f-isl,
      .f.f-is {
        background-position: 0 -4756px;
      }
      .f-ita,
      .f.f-it {
        background-position: 0 -4797px;
      }
      .f-jey,
      .f.f-je {
        background-position: 0 -4838px;
      }
      .f-jam,
      .f.f-jm {
        background-position: 0 -4879px;
      }
      .f-jor,
      .f.f-jo {
        background-position: 0 -4920px;
      }
      .f-jpn,
      .f.f-jp {
        background-position: 0 -4961px;
      }
      .f-ken,
      .f.f-ke {
        background-position: 0 -5002px;
      }
      .f-kgz,
      .f.f-kg {
        background-position: 0 -5043px;
      }
      .f-khm,
      .f.f-kh {
        background-position: 0 -5084px;
      }
      .f-kir,
      .f.f-ki {
        background-position: 0 -5125px;
      }
      .f-com,
      .f.f-km {
        background-position: 0 -5166px;
      }
      .f-kna,
      .f.f-kn {
        background-position: 0 -5207px;
      }
      .f-prk,
      .f.f-kp {
        background-position: 0 -5248px;
      }
      .f-kor,
      .f.f-kr {
        background-position: 0 -5289px;
      }
      .f-kwt,
      .f.f-kw {
        background-position: 0 -5330px;
      }
      .f-cym,
      .f.f-ky {
        background-position: 0 -5371px;
      }
      .f-kaz,
      .f.f-kz {
        background-position: 0 -5412px;
      }
      .f-lao,
      .f.f-la {
        background-position: 0 -5453px;
      }
      .f-lbn,
      .f.f-lb {
        background-position: 0 -5494px;
      }
      .f-lca,
      .f.f-lc {
        background-position: 0 -5535px;
      }
      .f-lie,
      .f.f-li {
        background-position: 0 -5576px;
      }
      .f-lka,
      .f.f-lk {
        background-position: 0 -5617px;
      }
      .f-lbr,
      .f.f-lr {
        background-position: 0 -5658px;
      }
      .f-lso,
      .f.f-ls {
        background-position: 0 -5699px;
      }
      .f-ltu,
      .f.f-lt {
        background-position: 0 -5740px;
      }
      .f-lux,
      .f.f-lu {
        background-position: 0 -5781px;
      }
      .f-lva,
      .f.f-lv {
        background-position: 0 -5822px;
      }
      .f-lby,
      .f.f-ly {
        background-position: 0 -5863px;
      }
      .f-mar,
      .f.f-ma {
        background-position: 0 -5904px;
      }
      .f-mco,
      .f.f-mc {
        background-position: 0 -5945px;
      }
      .f-mda,
      .f.f-md {
        background-position: 0 -5986px;
      }
      .f-mne,
      .f.f-me {
        background-position: 0 -6027px;
      }
      .f-maf,
      .f.f-mf {
        background-position: 0 -6068px;
      }
      .f-mdg,
      .f.f-mg {
        background-position: 0 -6109px;
      }
      .f-mhl,
      .f.f-mh {
        background-position: 0 -6150px;
      }
      .f-mkd,
      .f.f-mk {
        background-position: 0 -6191px;
      }
      .f-mli,
      .f.f-ml {
        background-position: 0 -6232px;
      }
      .f-mmr,
      .f.f-mm {
        background-position: 0 -6273px;
      }
      .f-mng,
      .f.f-mn {
        background-position: 0 -6314px;
      }
      .f-mac,
      .f.f-mo {
        background-position: 0 -6355px;
      }
      .f-mnp,
      .f.f-mp {
        background-position: 0 -6396px;
      }
      .f-mtq,
      .f.f-mq {
        background-position: 0 -6437px;
      }
      .f-mrt,
      .f.f-mr {
        background-position: 0 -6478px;
      }
      .f-msr,
      .f.f-ms {
        background-position: 0 -6519px;
      }
      .f-mlt,
      .f.f-mt {
        background-position: 0 -6560px;
      }
      .f-mus,
      .f.f-mu {
        background-position: 0 -6601px;
      }
      .f-mdv,
      .f.f-mv {
        background-position: 0 -6642px;
      }
      .f-mwi,
      .f.f-mw {
        background-position: 0 -6683px;
      }
      .f-mex,
      .f.f-mx {
        background-position: 0 -6724px;
      }
      .f-mys,
      .f.f-my {
        background-position: 0 -6765px;
      }
      .f-moz,
      .f.f-mz {
        background-position: 0 -6806px;
      }
      .f-nam,
      .f.f-na {
        background-position: 0 -6847px;
      }
      .f-ncl,
      .f.f-nc {
        background-position: 0 -6888px;
      }
      .f-ner,
      .f.f-ne {
        background-position: 0 -6929px;
      }
      .f-nfk,
      .f.f-nf {
        background-position: 0 -6970px;
      }
      .f-nga,
      .f.f-ng {
        background-position: 0 -7011px;
      }
      .f-nic,
      .f.f-ni {
        background-position: 0 -7052px;
      }
      .f-nld,
      .f.f-nl {
        background-position: 0 -7093px;
      }
      .f-nor,
      .f.f-no {
        background-position: 0 -7134px;
      }
      .f-npl,
      .f.f-np {
        background-position: 0 -7175px;
      }
      .f-nru,
      .f.f-nr {
        background-position: 0 -7216px;
      }
      .f-niu,
      .f.f-nu {
        background-position: 0 -7257px;
      }
      .f-nzl,
      .f.f-nz {
        background-position: 0 -7298px;
      }
      .f-omn,
      .f.f-om {
        background-position: 0 -7339px;
      }
      .f-pan,
      .f.f-pa {
        background-position: 0 -7380px;
      }
      .f-per,
      .f.f-pe {
        background-position: 0 -7421px;
      }
      .f-pyf,
      .f.f-pf {
        background-position: 0 -7462px;
      }
      .f-png,
      .f.f-pg {
        background-position: 0 -7503px;
      }
      .f-phl,
      .f.f-ph {
        background-position: 0 -7544px;
      }
      .f-pak,
      .f.f-pk {
        background-position: 0 -7585px;
      }
      .f-pol,
      .f.f-pl {
        background-position: 0 -7626px;
      }
      .f-spm,
      .f.f-pm {
        background-position: 0 -7667px;
      }
      .f-pcn,
      .f.f-pn {
        background-position: 0 -7708px;
      }
      .f-pri,
      .f.f-pr {
        background-position: 0 -7749px;
      }
      .f-pse,
      .f.f-ps {
        background-position: 0 -7790px;
      }
      .f-prt,
      .f.f-pt {
        background-position: 0 -7831px;
      }
      .f-plw,
      .f.f-pw {
        background-position: 0 -7872px;
      }
      .f-pry,
      .f.f-py {
        background-position: 0 -7913px;
      }
      .f-qat,
      .f.f-qa {
        background-position: 0 -7954px;
      }
      .f-reu,
      .f.f-re {
        background-position: 0 -7995px;
      }
      .f-rou,
      .f.f-ro {
        background-position: 0 -8036px;
      }
      .f-srb,
      .f.f-rs {
        background-position: 0 -8077px;
      }
      .f-rus,
      .f.f-ru {
        background-position: 0 -8118px;
      }
      .f-rwa,
      .f.f-rw {
        background-position: 0 -8159px;
      }
      .f-sau,
      .f.f-sa {
        background-position: 0 -8200px;
      }
      .f-slb,
      .f.f-sb {
        background-position: 0 -8241px;
      }
      .f-syc,
      .f.f-sc {
        background-position: 0 -8282px;
      }
      .f-sdn,
      .f.f-sd {
        background-position: 0 -8323px;
      }
      .f-swe,
      .f.f-se {
        background-position: 0 -8364px;
      }
      .f-sgp,
      .f.f-sg {
        background-position: 0 -8405px;
      }
      .f-shn,
      .f.f-sh {
        background-position: 0 -8446px;
      }
      .f-svn,
      .f.f-si {
        background-position: 0 -8487px;
      }
      .f-sjm,
      .f.f-sj {
        background-position: 0 -8528px;
      }
      .f-svk,
      .f.f-sk {
        background-position: 0 -8569px;
      }
      .f-sle,
      .f.f-sl {
        background-position: 0 -8610px;
      }
      .f-smr,
      .f.f-sm {
        background-position: 0 -8651px;
      }
      .f-sen,
      .f.f-sn {
        background-position: 0 -8692px;
      }
      .f-som,
      .f.f-so {
        background-position: 0 -8733px;
      }
      .f-sur,
      .f.f-sr {
        background-position: 0 -8774px;
      }
      .f-ssd,
      .f.f-ss {
        background-position: 0 -8815px;
      }
      .f-stp,
      .f.f-st {
        background-position: 0 -8856px;
      }
      .f-slv,
      .f.f-sv {
        background-position: 0 -8897px;
      }
      .f-sxm,
      .f.f-sx {
        background-position: 0 -8938px;
      }
      .f-syr,
      .f.f-sy {
        background-position: 0 -8979px;
      }
      .f-swz,
      .f.f-sz {
        background-position: 0 -9020px;
      }
      .f-tca,
      .f.f-tc {
        background-position: 0 -9061px;
      }
      .f-tcd,
      .f.f-td {
        background-position: 0 -9102px;
      }
      .f-atf,
      .f.f-tf {
        background-position: 0 -9143px;
      }
      .f-tgo,
      .f.f-tg {
        background-position: 0 -9184px;
      }
      .f-tha,
      .f.f-th {
        background-position: 0 -9225px;
      }
      .f-tjk,
      .f.f-tj {
        background-position: 0 -9266px;
      }
      .f-tkl,
      .f.f-tk {
        background-position: 0 -9307px;
      }
      .f-tls,
      .f.f-tl {
        background-position: 0 -9348px;
      }
      .f-tkm,
      .f.f-tm {
        background-position: 0 -9389px;
      }
      .f-tun,
      .f.f-tn {
        background-position: 0 -9430px;
      }
      .f-ton,
      .f.f-to {
        background-position: 0 -9471px;
      }
      .f-tur,
      .f.f-tr {
        background-position: 0 -9512px;
      }
      .f-tto,
      .f.f-tt {
        background-position: 0 -9553px;
      }
      .f-tuv,
      .f.f-tv {
        background-position: 0 -9594px;
      }
      .f-twn,
      .f.f-tw {
        background-position: 0 -9635px;
      }
      .f-tza,
      .f.f-tz {
        background-position: 0 -9676px;
      }
      .f-ukr,
      .f.f-ua {
        background-position: 0 -9717px;
      }
      .f-uga,
      .f.f-ug {
        background-position: 0 -9758px;
      }
      .f-umi,
      .f.f-um {
        background-position: 0 -9799px;
      }
      .f.f-un {
        background-position: 0 -9840px;
      }
      .f-usa,
      .f.f-us {
        background-position: 0 -9881px;
      }
      .f-ury,
      .f.f-uy {
        background-position: 0 -9922px;
      }
      .f-uzb,
      .f.f-uz {
        background-position: 0 -9963px;
      }
      .f-vat,
      .f.f-va {
        background-position: 0 -10004px;
      }
      .f-vct,
      .f.f-vc {
        background-position: 0 -10045px;
      }
      .f-ven,
      .f.f-ve {
        background-position: 0 -10086px;
      }
      .f-vgb,
      .f.f-vg {
        background-position: 0 -10127px;
      }
      .f-vir,
      .f.f-vi {
        background-position: 0 -10168px;
      }
      .f-vnm,
      .f.f-vn {
        background-position: 0 -10209px;
      }
      .f-vut,
      .f.f-vu {
        background-position: 0 -10250px;
      }
      .f-wlf,
      .f.f-wf {
        background-position: 0 -10291px;
      }
      .f-wsm,
      .f.f-ws {
        background-position: 0 -10332px;
      }
      .f.f-xk {
        background-position: 0 -10373px;
      }
      .f-yem,
      .f.f-ye {
        background-position: 0 -10414px;
      }
      .f-myt,
      .f.f-yt {
        background-position: 0 -10455px;
      }
      .f-zaf,
      .f.f-za {
        background-position: 0 -10496px;
      }
      .f-zmb,
      .f.f-zm {
        background-position: 0 -10537px;
      }
      .f-zwe,
      .f.f-zw {
        background-position: 0 -10578px;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="/css/question.4b9d14a7.css">
    <script charset="utf-8" src="/js/question.73fe17e9.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vditor@3.1.14/dist/js/lute/lute.min.js" async id="vditorLuteScript"></script>
  </head>
  <body class="bg-gray-100 pb-12">
    <noscript><strong
        >We're sorry but gfer doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong
      ></noscript>
    <div>
      {{include "layout/header.html" . }}
      <div class="container mx-auto mt-16">
        <div class="flex flex-col md:flex-row">
          <div class="w-full md:w-3/4 my-2 p-2">
            <div>
              <div class="bg-white shadow rounded-lg mb-4">
                <!---->
                <div class="flex flex-col border-b px-4 py-2">
                  <h1 class="font-bold text-2xl text-gray-700">
                    所有源码文件、类型、方法都要有详尽的注释；
                  </h1>
                  <div class="flex py-4">
                    <div class="h-6 w-6 ml-2 mr-1">
                      <img src="https://cdn.learnku.com/uploads/avatars/19883_1510295716.jpeg!/both/100x100" alt class="rounded-full border">
                    </div>
                    <div class="flex items-center mx-1 hidden md:flex">
                      <div class="bg-gray-400 rounded-lg text-xs px-2 py-1">
                        vue
                      </div>
                    </div>
                    <div class="flex w-full mx-1 items-center justify-between">
                      <div class="flex">
                        <div class="text-gray-500 text-sm">1</div>
                        <div class="text-gray-500 text-sm mx-2">|</div>
                        <div class="text-gray-500 text-sm mr-2">3个小时前</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="py-1">
                  <div class="px-4 py-2">
                    <article class="markdown-body">
                      <h1>
                        <a id="user-content-静态文件服务配置" aria-hidden="true" href="#静态文件服务配置" class="anchor"><svg viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true" class="octicon octicon-link">
                            <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg></a>静态文件服务配置
                      </h1>
                      <p>
                        默认情况下，<code>gf</code>框架已开启了静态文件服务功能，但是需要开发者配置<strong>静态文件目录</strong>才能提供服务。
                      </p>
                      <p>静态文件服务涉及到的常用配置方法如下：</p>
                      <div class="highlight highlight-source-go">
                        <pre><span class="pl-c">// 设置http server参数 - ServerRoot</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">SetServerRoot</span>(<span class="pl-s1">root</span> <span class="pl-smi">string</span>)

<span class="pl-c">// 添加静态文件搜索目录，必须给定目录的绝对路径</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">AddSearchPath</span>(<span class="pl-s1">path</span> <span class="pl-smi">string</span>)

<span class="pl-c">// 设置http server参数 - IndexFiles，默认展示文件，如：index.html, index.htm</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">SetIndexFiles</span>(<span class="pl-s1">index</span> []<span class="pl-smi">string</span>)

<span class="pl-c">// 是否允许展示访问目录的文件列表</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">SetIndexFolder</span>(<span class="pl-s1">enabled</span> <span class="pl-smi">bool</span>)

<span class="pl-c">// 添加URI与静态目录的映射</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">AddStaticPath</span>(<span class="pl-s1">prefix</span> <span class="pl-smi">string</span>, <span class="pl-s1">path</span> <span class="pl-smi">string</span>)

<span class="pl-c">// 静态文件服务总开关：是否开启/关闭静态文件服务</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">SetFileServerEnabled</span>(<span class="pl-s1">enabled</span> <span class="pl-smi">bool</span>)

<span class="pl-c">// 设置URI重写规则</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">SetRewrite</span>(<span class="pl-s1">uri</span> <span class="pl-smi">string</span>, <span class="pl-s1">rewrite</span> <span class="pl-smi">string</span>)

<span class="pl-c">// 设置URI重写规则（批量）</span>
<span class="pl-k">func</span> (<span class="pl-s1">s</span> <span class="pl-c1">*</span><span class="pl-smi">Server</span>) <span class="pl-en">SetRewriteMap</span>(<span class="pl-s1">rewrites</span> <span class="pl-k">map</span>[<span class="pl-smi">string</span>]<span class="pl-smi">string</span>) </pre>
                      </div>
                      <p>其中，</p>
                      <ol>
                        <li>
                          <code>IndexFiles</code>为当访问目录时默认检索的文件名称列表（按照slice先后顺序进行检索），当检索的文件存在时则返回文件内容，否则展示目录列表(<code>SetIndexFolder</code>为<code>true</code>时)，默认的<code>IndexFiles</code>为：<code>index.html, index.htm</code>；
                        </li>
                        <li>
                          <code>SetIndexFolder</code>为设置是否在用户访问文件目录，且没有在目录下检索到<code>IndexFiles</code>时，则展示目录下的文件列表，默认为关闭；
                        </li>
                        <li>
                          <code>SetServerRoot</code>为设置默认提供服务的静态文件目录，该目录会被自动添加到<code>SearchPath</code>中的第一个搜索路径；
                        </li>
                        <li>
                          <code>AddSearchPath</code>为添加静态文件检索目录，可以有多个，按照文件目录添加的先后顺序执行优先级检索；
                        </li>
                        <li>
                          <code>AddStaticPath</code>为添加URI与目录路径的映射关系，可以自定义静态文件目录的访问URI规则；
                        </li>
                        <li>
                          <code>SetRewrite</code>/<code>SetRewriteMap</code>为重写规则设置（类似于<code>nginx</code>的<code>rewrite</code>），严格上来讲不仅仅是静态文件服务，当然也支持动态的路由注册的<code>rewrite</code>；
                        </li>
                      </ol>
                      <blockquote>
                        <p>
                          Tips:
                          设置静态文件服务的目录路径时，可以使用绝对路径，也可以使用相对路径，例如设置当前运行目录提供静态文件服务可以使用<code>SetServerRoot(".")</code>。
                        </p>
                      </blockquote>
                      <blockquote>
                        <p>
                          开发者可以设置多个文件目录来提供静态文件服务，并且可以设置目录及URI的优先级，但是一旦通过<code>SetFileServerEnabled</code>关闭了静态服务，所有静态文件/目录的访问都将失效。
                        </p>
                      </blockquote>
                      <h1>
                        <a id="user-content-示例1-基本使用" aria-hidden="true" href="#示例1-基本使用" class="anchor"><svg viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true" class="octicon octicon-link">
                            <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg></a>示例1， 基本使用
                      </h1>
                      <div class="highlight highlight-source-go">
                        <pre><span class="pl-k">package</span> main

<span class="pl-k">import</span> <span class="pl-s">"github.com/gogf/gf/frame/g"</span>

<span class="pl-c">// 静态文件服务器基本使用</span>
<span class="pl-k">func</span> <span class="pl-en">main</span>() {
    <span class="pl-s1">s</span> <span class="pl-c1">:=</span> <span class="pl-s1">g</span>.<span class="pl-en">Server</span>()
    <span class="pl-s1">s</span>.<span class="pl-en">SetIndexFolder</span>(<span class="pl-c1">true</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">SetServerRoot</span>(<span class="pl-s">"/Users/john/Temp"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">AddSearchPath</span>(<span class="pl-s">"/Users/john/Documents"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">SetPort</span>(<span class="pl-c1">8199</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">Run</span>()
}</pre>
                      </div>
                      <h1>
                        <a id="user-content-示例2静态目录映射" aria-hidden="true" href="#示例2静态目录映射" class="anchor"><svg viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true" class="octicon octicon-link">
                            <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg></a>示例2，静态目录映射
                      </h1>
                      <div class="highlight highlight-source-go">
                        <pre><span class="pl-k">package</span> main

<span class="pl-k">import</span> <span class="pl-s">"github.com/gogf/gf/frame/g"</span>

<span class="pl-c">// 静态文件服务器，支持自定义静态目录映射</span>
<span class="pl-k">func</span> <span class="pl-en">main</span>() {
    <span class="pl-s1">s</span> <span class="pl-c1">:=</span> <span class="pl-s1">g</span>.<span class="pl-en">Server</span>()
    <span class="pl-s1">s</span>.<span class="pl-en">SetIndexFolder</span>(<span class="pl-c1">true</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">SetServerRoot</span>(<span class="pl-s">"/Users/john/Temp"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">AddSearchPath</span>(<span class="pl-s">"/Users/john/Documents"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">AddStaticPath</span>(<span class="pl-s">"/my-doc"</span>, <span class="pl-s">"/Users/john/Documents"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">SetPort</span>(<span class="pl-c1">8199</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">Run</span>()
}</pre>
                      </div>
                      <h1>
                        <a id="user-content-示例3静态目录映射优先级控制" aria-hidden="true" href="#示例3静态目录映射优先级控制" class="anchor"><svg viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true" class="octicon octicon-link">
                            <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg></a>示例3，静态目录映射，优先级控制
                      </h1>
                      <p>
                        静态目录映射的优先级按照绑定的<code>URI</code>精准度进行控制，绑定的URI越精准（深度优先匹配），那么优先级越高。
                      </p>
                      <div class="highlight highlight-source-go">
                        <pre><span class="pl-k">package</span> main

<span class="pl-k">import</span> <span class="pl-s">"github.com/gogf/gf/frame/g"</span>

<span class="pl-c">// 静态文件服务器，支持自定义静态目录映射</span>
<span class="pl-k">func</span> <span class="pl-en">main</span>() {
    <span class="pl-s1">s</span> <span class="pl-c1">:=</span> <span class="pl-s1">g</span>.<span class="pl-en">Server</span>()
    <span class="pl-s1">s</span>.<span class="pl-en">SetIndexFolder</span>(<span class="pl-c1">true</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">SetServerRoot</span>(<span class="pl-s">"/Users/john/Temp"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">AddSearchPath</span>(<span class="pl-s">"/Users/john/Documents"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">AddStaticPath</span>(<span class="pl-s">"/my-doc"</span>, <span class="pl-s">"/Users/john/Documents"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">AddStaticPath</span>(<span class="pl-s">"/my-doc/test"</span>, <span class="pl-s">"/Users/john/Temp"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">SetPort</span>(<span class="pl-c1">8199</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">Run</span>()
}</pre>
                      </div>
                      <p>
                        其中，访问<code>/my-doc/test</code>的优先级会比<code>/my-doc</code>高，因此假如<code>/Users/john/Documents</code>目录下存在<code>test</code>目录（与自定义的<code>/my-doc/test</code>冲突），将会无法被访问到。
                      </p>
                      <h1>
                        <a id="user-content-示例4uri重写" aria-hidden="true" href="#示例4uri重写" class="anchor"><svg viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true" class="octicon octicon-link">
                            <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg></a>示例4，URI重写
                      </h1>
                      <p>
                        <code>gf</code>框架的静态文件服务支持将任意的<code>URI</code>重写，替换为制定的<code>URI</code>，使用<code>SetRewrite/SetRewriteMap</code>方法。
                      </p>
                      <p>
                        示例，在<code>/Users/john/Temp</code>目录下只有两个文件<code>test1.html</code>及<code>test2.html</code>。
                      </p>
                      <div class="highlight highlight-source-go">
                        <pre><span class="pl-k">package</span> main

<span class="pl-k">import</span> <span class="pl-s">"github.com/gogf/gf/frame/g"</span>

<span class="pl-k">func</span> <span class="pl-en">main</span>() {
    <span class="pl-s1">s</span> <span class="pl-c1">:=</span> <span class="pl-s1">g</span>.<span class="pl-en">Server</span>()
    <span class="pl-s1">s</span>.<span class="pl-en">SetServerRoot</span>(<span class="pl-s">"/Users/john/Temp"</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">SetRewrite</span>(<span class="pl-s">"/test.html"</span>, <span class="pl-s">"/test1.html"</span>)
        <span class="pl-s1">s</span>.<span class="pl-en">SetRewriteMap</span>(g.<span class="pl-smi">MapStrStr</span>{
            <span class="pl-s">"/my-test1"</span> : <span class="pl-s">"/test1.html"</span>,
            <span class="pl-s">"/my-test2"</span> : <span class="pl-s">"/test2.html"</span>,
        })
    <span class="pl-s1">s</span>.<span class="pl-en">SetPort</span>(<span class="pl-c1">8199</span>)
    <span class="pl-s1">s</span>.<span class="pl-en">Run</span>()
}</pre>
                      </div>
                      <p>执行后，</p>
                      <ol>
                        <li>
                          当我们访问
                          <code>/test.html</code> ，其实最终被重写到了
                          <code>test1.html</code>，返回的是该文件内容；
                        </li>
                        <li>
                          当我们访问 <code>/my-test1</code> ，其实最终被重写到了
                          <code>test1.html</code>，返回的是该文件内容；
                        </li>
                        <li>
                          当我们访问 <code>/my-test2</code> ，其实最终被重写到了
                          <code>test2.html</code>，返回的是该文件内容；
                        </li>
                      </ol>
                    </article>
                  </div>
                </div>
              </div>
              <div class="bg-white shadow rounded-lg mb-4">
                <div class="flex flex-row font-bold p-2 border-b">
                  <p>共有 3 个回复</p>
                </div>
                <div class="py-1">
                  <div>
                    <div class="px-4 py-2">
                      <div class="flex">
                        <div class="h-8 w-8 mr-1">
                          <img src="https://cdn.learnku.com/uploads/avatars/19883_1510295716.jpeg!/both/100x100" alt class="rounded-full border">
                        </div>
                        <div class="flex w-full mx-1 items-center justify-between">
                          <div class="flex">
                            <a href="#" class="font-bold text-sm hover:text-gray-900 mx-1">zhapengme</a>
                            <div class="text-sm text-gray-500 mx-1">
                              2020-04-10 23:58:52
                            </div>
                          </div>
                          <div>
                            <div class="text-gray-700 text-sm"># 1</div>
                          </div>
                        </div>
                      </div>
                      <div class="py-2">
                        <article class="markdown-body">
                          <p>
                            <a data-hovercard-type="user" data-hovercard-url="/users/xiaomingping/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/xiaomingping" class="user-mention">@xiaomingping</a>
                            我帮你组织了一下代码，可执行的代码如下：
                          </p>
                          <div class="highlight highlight-source-go">
                            <pre><span class="pl-k">package</span> main

<span class="pl-k">import</span> (
	<span class="pl-s"><span class="pl-pds">"</span>github.com/gogf/gf/frame/g<span class="pl-pds">"</span></span>
	<span class="pl-s"><span class="pl-pds">"</span>github.com/gogf/gf/net/ghttp<span class="pl-pds">"</span></span>
)

<span class="pl-k">func</span> <span class="pl-en">main</span>() {
	<span class="pl-smi">s</span> <span class="pl-k">:=</span> g.<span class="pl-c1">Server</span>()
	s.<span class="pl-c1">BindHandler</span>(<span class="pl-s"><span class="pl-pds">"</span>/<span class="pl-pds">"</span></span>, <span class="pl-c1">func</span>(r *ghttp.<span class="pl-smi">Request</span>) {
		<span class="pl-k">type</span> UpdateParam <span class="pl-k">struct</span> {
			Id       <span class="pl-k">int</span>    <span class="pl-s"><span class="pl-pds">`</span>v:"required|integer"         json:"id"<span class="pl-pds">`</span></span>
			Name     <span class="pl-k">string</span> <span class="pl-s"><span class="pl-pds">`</span>v:"required|length:1,21#请输入名称|名称最大21个中文" json:"name"<span class="pl-pds">`</span></span>
			RoleKey  <span class="pl-k">string</span> <span class="pl-s"><span class="pl-pds">`</span>v:"required|max-length:85#请输入角色代码|角色代码最大85个字符"    json:"role_key"<span class="pl-pds">`</span></span> <span class="pl-c"><span class="pl-c">//</span> 角色代码</span>
			Remark   <span class="pl-k">string</span> <span class="pl-s"><span class="pl-pds">`</span>v:"max-length:200#描述最多60个中文"      json:"remark"<span class="pl-pds">`</span></span>                   <span class="pl-c"><span class="pl-c">//</span> 备注</span>
			Status   <span class="pl-k">string</span> <span class="pl-s"><span class="pl-pds">`</span>v:"required|in:0,1#请选择状态|状态只能是0或者1"      json:"status"<span class="pl-pds">`</span></span>            <span class="pl-c"><span class="pl-c">//</span> 状态</span>
			RoleSort <span class="pl-k">int</span>    <span class="pl-s"><span class="pl-pds">`</span>v:"integer#排序只能是数字"   json:"role_sort"<span class="pl-pds">`</span></span>                            <span class="pl-c"><span class="pl-c">//</span> 角色排序</span>
		}
		<span class="pl-k">var</span> <span class="pl-smi">param</span> UpdateParam
		<span class="pl-k">if</span> <span class="pl-smi">err</span> <span class="pl-k">:=</span> r.<span class="pl-c1">Parse</span>(&param); err != <span class="pl-c1">nil</span> {
			<span class="pl-c1">panic</span>(err)
		}
		r.<span class="pl-smi">Response</span>.<span class="pl-c1">Write</span>(param)
	})
	s.<span class="pl-c1">SetPort</span>(<span class="pl-c1">8199</span>)
	s.<span class="pl-c1">Run</span>()
}</pre>
                          </div>
                          <p>
                            这是执行结果，使用的是<code>master</code>分支：<br><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/26347176/78990362-d777f680-7b68-11ea-8794-3898aa1fdd7c.png"><img src="https://user-images.githubusercontent.com/26347176/78990362-d777f680-7b68-11ea-8794-3898aa1fdd7c.png" alt="image" style="max-width: 100%;"></a>
                          </p>
                          <p>没有复现你说的问题。</p>
                        </article>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div slot="container">
                <div id="vditor" class="vditor" style="width: auto;">
                  <div class="vditor-toolbar vditor-toolbar--pin" style="padding-left: 593px;">
                    <div class="vditor-toolbar__item">
                      <button data-type="emoji" class="vditor-tooltipped vditor-tooltipped__ne" aria-label="表情 <⌘-E>">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px">
                          <path d="M16 24.789c-3.756 0-6.911-2.254-8.188-5.559h16.376c-1.277 3.305-4.432 5.559-8.188 5.559zM10.366 14.423c-1.352 0-2.404-1.052-2.404-2.404s1.052-2.404 2.404-2.404 2.404 1.052 2.404 2.404-1.052 2.404-2.404 2.404zM21.634 14.423c-1.352 0-2.404-1.052-2.404-2.404s1.052-2.404 2.404-2.404 2.404 1.052 2.404 2.404-1.052 2.404-2.404 2.404zM16 28.845c7.061 0 12.845-5.784 12.845-12.845s-5.784-12.845-12.845-12.845-12.845 5.784-12.845 12.845 5.784 12.845 12.845 12.845zM16 0c8.864 0 16 7.136 16 16s-7.136 16-16 16-16-7.136-16-16 7.136-16 16-16z"/>
                        </svg>
                      </button>
                      <div class="vditor-panel vditor-panel--arrow">
                        <div class="vditor-emojis" style="max-height: autopx;">
                          <button data-value="💔 " data-key="sd">
                            <span class="vditor-emojis__icon">💔</span></button><button data-value=":j: " data-key=":j:">
                            <img data-value=":j: " data-key=":j:" class="vditor-emojis__icon" src="https://unpkg.com/vditor@1.3.1/dist/images/emoji/j.png">
                          </button>
                        </div>
                        <div class="vditor-emojis__tail">
                          <span class="vditor-emojis__tip"></span><span><a href="https://hacpai.com/settings/function" target="_blank">设置常用表情</a></span>
                        </div>
                      </div>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="headings" class="vditor-tooltipped vditor-tooltipped__ne" aria-label="标题 <⌘-H>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M4.45 0h3.594c0.595 0 1.078 0.384 1.078 0.858v30.284c0 0.474-0.482 0.858-1.078 0.858h-3.594c-0.595 0-1.078-0.384-1.078-0.858v-30.284c-0-0.474 0.482-0.858 1.078-0.858zM23.888 0h3.673c0.59 0 1.068 0.384 1.068 0.858v30.284c0 0.474-0.478 0.858-1.068 0.858h-3.673c-0.59 0-1.068-0.384-1.068-0.858v-30.284c0-0.474 0.478-0.858 1.068-0.858z"/>
                          <path d="M25.069 14.167v3.667c0 0.589-0.384 1.065-0.858 1.065h-15.655c-0.474 0-0.858-0.477-0.858-1.065v-3.667c0-0.589 0.384-1.065 0.858-1.065h15.655c0.474 0 0.858 0.477 0.858 1.065z"/>
                        </svg>
                      </button>
                      <div class="vditor-hint vditor-panel--arrow">
                        <button data-tag="h1" data-value="# ">
                          Heading 1 <⌘-⌥-1>
                        </button>
                        <button data-tag="h2" data-value="## ">
                          Heading 2 <⌘-⌥-2>
                        </button>
                        <button data-tag="h3" data-value="### ">
                          Heading 3 <⌘-⌥-3>
                        </button>
                        <button data-tag="h4" data-value="#### ">
                          Heading 4 <⌘-⌥-4>
                        </button>
                        <button data-tag="h5" data-value="##### ">
                          Heading 5 <⌘-⌥-5>
                        </button>
                        <button data-tag="h6" data-value="###### ">
                          Heading 6 <⌘-⌥-6>
                        </button>
                      </div>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="bold" class="vditor-tooltipped vditor-tooltipped__ne" aria-label="粗体 <⌘-B>">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px">
                          <path d="M22.996 15.023c1.339-1.591 2.147-3.643 2.147-5.88 0-5.041-4.102-9.143-9.143-9.143h-11.429v32h13.714c5.041 0 9.143-4.102 9.143-9.143 0-3.32-1.779-6.232-4.433-7.834zM11.429 4.571h3.625c1.999 0 3.625 2.051 3.625 4.571s-1.626 4.571-3.625 4.571h-3.625v-9.143zM17.107 27.429h-5.679v-9.143h5.679c2.087 0 3.786 2.051 3.786 4.571s-1.698 4.571-3.786 4.571z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="italic" class="vditor-tooltipped vditor-tooltipped__ne" aria-label="斜体 <⌘-I>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M29.714 0v2.286h-4.571l-11.429 27.429h4.571v2.286h-16v-2.286h4.571l11.429-27.429h-4.571v-2.286z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="strike" class="vditor-tooltipped vditor-tooltipped__ne" aria-label="删除线 <⌘-S>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M32 16v2h-7.328c0.86 1.203 1.328 2.584 1.328 4 0 2.215-1.146 4.345-3.143 5.843-1.855 1.391-4.29 2.157-6.857 2.157s-5.002-0.766-6.857-2.157c-1.998-1.498-3.143-3.628-3.143-5.843h4c0 2.168 2.748 4 6 4s6-1.832 6-4c0-2.168-2.748-4-6-4h-16v-2h9.36c-0.073-0.052-0.146-0.104-0.217-0.157-1.998-1.498-3.143-3.628-3.143-5.843s1.146-4.345 3.143-5.843c1.855-1.391 4.29-2.157 6.857-2.157s5.002 0.766 6.857 2.157c1.997 1.498 3.143 3.628 3.143 5.843h-4c0-2.168-2.748-4-6-4s-6 1.832-6 4c0 2.168 2.748 4 6 4 2.468 0 4.814 0.709 6.64 2h9.36z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="link" class="vditor-tooltipped vditor-tooltipped__n" aria-label="链接 <⌘-K>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M29.187 2.933l-0.12-0.121c-2.813-2.812-7.415-2.812-10.228 0l-6.516 6.517c-2.812 2.812-2.812 7.415 0 10.227l0.12 0.12c0.234 0.234 0.482 0.446 0.739 0.641l2.386-2.386c-0.278-0.164-0.542-0.361-0.78-0.599l-0.121-0.121c-1.527-1.527-1.527-4.012 0-5.539l6.517-6.516c1.527-1.527 4.012-1.527 5.539 0l0.121 0.12c1.527 1.527 1.527 4.012 0 5.539l-2.948 2.948c0.512 1.264 0.754 2.611 0.733 3.955l4.559-4.559c2.812-2.812 2.812-7.415-0-10.227zM19.557 12.323c-0.234-0.234-0.482-0.446-0.739-0.641l-2.386 2.385c0.278 0.164 0.542 0.361 0.78 0.599l0.121 0.121c1.527 1.527 1.527 4.012 0 5.539l-6.517 6.517c-1.527 1.527-4.012 1.527-5.539 0l-0.121-0.121c-1.527-1.527-1.527-4.012 0-5.539l2.948-2.948c-0.512-1.264-0.754-2.611-0.733-3.955l-4.559 4.559c-2.812 2.812-2.812 7.415 0 10.228l0.12 0.12c2.813 2.812 7.415 2.812 10.228 0l6.516-6.517c2.812-2.812 2.812-7.415 0-10.228l-0.12-0.12z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__divider"></div>
                    <div class="vditor-toolbar__item">
                      <button data-type="list" class="vditor-tooltipped vditor-tooltipped__n" aria-label="无序列表 <⌘-L>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M12 2h20v4h-20v-4zM12 14h20v4h-20v-4zM12 26h20v4h-20v-4zM0 4c0 2.209 1.791 4 4 4s4-1.791 4-4c0-2.209-1.791-4-4-4s-4 1.791-4 4zM0 16c0 2.209 1.791 4 4 4s4-1.791 4-4c0-2.209-1.791-4-4-4s-4 1.791-4 4zM0 28c0 2.209 1.791 4 4 4s4-1.791 4-4c0-2.209-1.791-4-4-4s-4 1.791-4 4z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="ordered-list" class="vditor-tooltipped vditor-tooltipped__n" aria-label="有序列表 <⌘-O>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M11 26h20v4h-20zM11 14h20v4h-20zM11 2h20v4h-20zM5 0v8h-2v-6h-2v-2zM3 16.438v1.563h4v2h-6v-4.563l4-1.875v-1.563h-4v-2h6v4.563zM7 22v10h-6v-2h4v-2h-4v-2h4v-2h-4v-2z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="check" class="vditor-tooltipped vditor-tooltipped__n" aria-label="任务列表 <⌘-J>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M27.094 19.485v6.12c0 3.059-2.483 5.542-5.542 5.542h-16.010c-3.059 0-5.542-2.483-5.542-5.542v-16.010c0-3.059 2.483-5.542 5.542-5.542h16.010c0.769 0 1.54 0.154 2.251 0.481 0.174 0.077 0.308 0.25 0.346 0.443 0.039 0.211-0.019 0.404-0.174 0.558l-0.943 0.943c-0.115 0.115-0.289 0.193-0.443 0.193-0.058 0-0.115-0.019-0.174-0.039-0.289-0.077-0.578-0.115-0.866-0.115h-16.010c-1.693 0-3.079 1.386-3.079 3.079v16.010c0 1.693 1.386 3.079 3.079 3.079h16.010c1.693 0 3.079-1.386 3.079-3.079v-4.888c0-0.154 0.058-0.308 0.174-0.424l1.232-1.232c0.135-0.135 0.289-0.193 0.443-0.193 0.077 0 0.154 0.019 0.231 0.058 0.231 0.096 0.385 0.308 0.385 0.558zM31.54 10.076l-15.664 15.664c-0.615 0.615-1.578 0.615-2.194 0l-8.275-8.275c-0.615-0.615-0.615-1.578 0-2.194l2.116-2.116c0.615-0.615 1.578-0.615 2.194 0l5.060 5.060 12.451-12.451c0.615-0.615 1.578-0.615 2.194 0l2.116 2.116c0.615 0.615 0.615 1.578 0 2.194z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item" style="display: block;">
                      <button data-type="outdent" class="vditor-tooltipped vditor-tooltipped__n vditor-menu--disabled" aria-label="减少缩进 <⌘-⇧-I>">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M6.857 10.857v10.286c0 0.304-0.268 0.571-0.571 0.571-0.143 0-0.304-0.054-0.411-0.161l-5.143-5.143c-0.107-0.107-0.161-0.268-0.161-0.411s0.054-0.304 0.161-0.411l5.143-5.143c0.107-0.107 0.268-0.161 0.411-0.161 0.304 0 0.571 0.268 0.571 0.571zM32 24.571v3.429c0 0.304-0.268 0.571-0.571 0.571h-30.857c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h30.857c0.304 0 0.571 0.268 0.571 0.571zM32 17.714v3.429c0 0.304-0.268 0.571-0.571 0.571h-19.429c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h19.429c0.304 0 0.571 0.268 0.571 0.571zM32 10.857v3.429c0 0.304-0.268 0.571-0.571 0.571h-19.429c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h19.429c0.304 0 0.571 0.268 0.571 0.571zM32 4v3.429c0 0.304-0.268 0.571-0.571 0.571h-30.857c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h30.857c0.304 0 0.571 0.268 0.571 0.571z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item" style="display: block;">
                      <button data-type="indent" class="vditor-tooltipped vditor-tooltipped__n vditor-menu--disabled" aria-label="增加缩进 <⌘-⇧-O>">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M6.286 16c0 0.143-0.054 0.304-0.161 0.411l-5.143 5.143c-0.107 0.107-0.268 0.161-0.411 0.161-0.304 0-0.571-0.268-0.571-0.571v-10.286c0-0.304 0.268-0.571 0.571-0.571 0.143 0 0.304 0.054 0.411 0.161l5.143 5.143c0.107 0.107 0.161 0.268 0.161 0.411zM32 24.571v3.429c0 0.304-0.268 0.571-0.571 0.571h-30.857c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h30.857c0.304 0 0.571 0.268 0.571 0.571zM32 17.714v3.429c0 0.304-0.268 0.571-0.571 0.571h-19.429c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h19.429c0.304 0 0.571 0.268 0.571 0.571zM32 10.857v3.429c0 0.304-0.268 0.571-0.571 0.571h-19.429c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h19.429c0.304 0 0.571 0.268 0.571 0.571zM32 4v3.429c0 0.304-0.268 0.571-0.571 0.571h-30.857c-0.304 0-0.571-0.268-0.571-0.571v-3.429c0-0.304 0.268-0.571 0.571-0.571h30.857c0.304 0 0.571 0.268 0.571 0.571z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__divider"></div>
                    <div class="vditor-toolbar__item">
                      <button data-type="quote" class="vditor-tooltipped vditor-tooltipped__n" aria-label="引用 <⌘-;>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M7.024 13.003c3.862 0 6.993 3.131 6.993 6.993s-3.131 6.993-6.993 6.993-6.993-3.131-6.993-6.993l-0.031-0.999c0-7.724 6.262-13.986 13.986-13.986v3.996c-2.668 0-5.177 1.039-7.064 2.926-0.363 0.363-0.695 0.75-0.994 1.156 0.357-0.056 0.723-0.086 1.096-0.086zM25.007 13.003c3.862 0 6.993 3.131 6.993 6.993s-3.131 6.993-6.993 6.993-6.993-3.131-6.993-6.993l-0.031-0.999c0-7.724 6.262-13.986 13.986-13.986v3.996c-2.668 0-5.177 1.039-7.064 2.926-0.363 0.363-0.695 0.75-0.994 1.156 0.357-0.056 0.723-0.086 1.096-0.086z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="line" class="vditor-tooltipped vditor-tooltipped__n" aria-label="分隔线 <⌘-⇧-H>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M31.68 14.56h-31.36c-0.176 0-0.32 0.144-0.32 0.32v2.24c0 0.176 0.144 0.32 0.32 0.32h31.36c0.176 0 0.32-0.144 0.32-0.32v-2.24c0-0.176-0.144-0.32-0.32-0.32z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="code" class="vditor-tooltipped vditor-tooltipped__n" aria-label="代码块 <⌘-U>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M21.053 21.895l2.526 2.526 8.421-8.421-8.421-8.421-2.526 2.526 5.895 5.895z"/>
                          <path d="M10.947 10.105l-2.526-2.526-8.421 8.421 8.421 8.421 2.526-2.526-5.895-5.895z"/>
                          <path d="M17.613 6.487l1.828 0.499-5.052 18.527-1.828-0.499 5.052-18.527z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="inline-code" class="vditor-tooltipped vditor-tooltipped__n" aria-label="行内代码 <⌘-G>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M18.133 23.467l3.2 3.2 10.667-10.667-10.667-10.667-3.2 3.2 7.467 7.467z"/>
                          <path d="M13.867 8.533l-3.2-3.2-10.667 10.667 10.667 10.667 3.2-3.2-7.467-7.467z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item" style="display: block;">
                      <button data-type="insert-before" class="vditor-tooltipped vditor-tooltipped__n" aria-label="起始插入行 <⌘-⇧-B>">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M7.521 32c-0.747 0-1.362-0.614-1.362-1.362s0.614-1.362 1.362-1.362h15.593v-5.53h-15.56c-0.747 0-1.362-0.614-1.362-1.362s0.614-1.362 1.362-1.362h15.56v-5.729h-15.56c-0.747 0-1.362-0.614-1.362-1.362s0.614-1.362 1.362-1.362h15.56v-1.876c0-0.747 0.614-1.362 1.362-1.362s1.362 0.614 1.362 1.362v20.027c0 0.697-0.565 1.262-1.262 1.262h-17.054zM15.458 7.257h13.085c0.482 0 0.88-0.399 0.88-0.88v-3.919c0-0.482-0.399-0.88-0.88-0.88h-13.085c-0.482 0-0.88 0.399-0.88 0.88v3.919c0 0.482 0.399 0.88 0.88 0.88zM7.438 8.669l-4.65-3.819c-0.282-0.232-0.282-0.664 0-0.897l4.65-3.819c0.382-0.316 0.947-0.033 0.947 0.448v2.74h3.354c0.316 0 0.581 0.266 0.581 0.581v1.013c0 0.316-0.266 0.581-0.581 0.581h-3.354v2.723c0 0.498-0.565 0.764-0.947 0.448z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item" style="display: block;">
                      <button data-type="insert-after" class="vditor-tooltipped vditor-tooltipped__n" aria-label="末尾插入行 <⌘-⇧-E>">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M7.521 0c-0.747 0-1.362 0.614-1.362 1.362s0.614 1.362 1.362 1.362h15.593v5.53h-15.56c-0.747 0-1.362 0.614-1.362 1.362s0.614 1.362 1.362 1.362h15.56v5.729h-15.56c-0.747 0-1.362 0.614-1.362 1.362s0.614 1.362 1.362 1.362h15.56v1.876c0 0.747 0.614 1.362 1.362 1.362s1.362-0.614 1.362-1.362v-20.027c0-0.697-0.565-1.262-1.262-1.262h-17.054zM15.458 24.743h13.085c0.482 0 0.88 0.399 0.88 0.88v3.919c0 0.482-0.399 0.88-0.88 0.88h-13.085c-0.482 0-0.88-0.399-0.88-0.88v-3.919c0-0.482 0.399-0.88 0.88-0.88zM7.438 23.331l-4.65 3.819c-0.282 0.232-0.282 0.664 0 0.897l4.65 3.819c0.382 0.316 0.947 0.033 0.947-0.448v-2.74h3.354c0.316 0 0.581-0.266 0.581-0.581v-1.013c0-0.316-0.266-0.581-0.581-0.581h-3.354v-2.723c0-0.498-0.565-0.764-0.947-0.448z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__divider"></div>
                    <div class="vditor-toolbar__item">
                      <div data-type="upload" class="vditor-tooltipped vditor-tooltipped__n" aria-label="上传图片或文件">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M21.334 16.532q0-0.233-0.15-0.384l-5.867-5.867q-0.15-0.15-0.384-0.15t-0.384 0.15l-5.85 5.85q-0.167 0.2-0.167 0.399 0 0.233 0.15 0.384t0.384 0.15h3.733v5.867q0 0.217 0.159 0.375t0.375 0.159h3.2q0.217 0 0.375-0.159t0.159-0.375v-5.867h3.734q0.217 0 0.375-0.159t0.159-0.375zM32 21.332q0 2.65-1.875 4.525t-4.525 1.875h-18.133q-3.083 0-5.275-2.192t-2.192-5.275q0-2.166 1.167-4t3.134-2.75q-0.034-0.5-0.034-0.717 0-3.533 2.5-6.033t6.033-2.5q2.6 0 4.759 1.45t3.142 3.849q1.184-1.033 2.767-1.033 1.767 0 3.017 1.25t1.25 3.017q0 1.267-0.683 2.3 2.166 0.516 3.558 2.258t1.392 3.975z"/></svg><input multiple="multiple" type="file" accept="image/*,.mp3, .wav, .rar">
                      </div>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="record" class="vditor-tooltipped vditor-tooltipped__n" aria-label="开始录音/结束录音">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M4.571 16c0 6.312 5.117 11.429 11.429 11.429s11.429-5.117 11.429-11.429v0c0-6.312-5.117-11.429-11.429-11.429s-11.429 5.117-11.429 11.429v0z"/>
                          <path d="M16 30.857c-8.229 0-14.933-6.705-14.933-14.933s6.705-14.933 14.933-14.933 15.010 6.705 15.010 15.010c0 8.152-6.705 14.857-15.010 14.857zM16 0c-8.838 0-16 7.162-16 16s7.162 16 16 16 16-7.162 16-16-7.162-16-16-16z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="table" class="vditor-tooltipped vditor-tooltipped__n" aria-label="表格 <⌘-M>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M9.846 26.462v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM9.846 19.077v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM19.692 26.462v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM9.846 11.692v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM19.692 19.077v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM29.538 26.462v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM19.692 11.692v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM29.538 19.077v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM29.538 11.692v-3.692c0-0.346-0.269-0.615-0.615-0.615h-6.154c-0.346 0-0.615 0.269-0.615 0.615v3.692c0 0.346 0.269 0.615 0.615 0.615h6.154c0.346 0 0.615-0.269 0.615-0.615zM32 5.538v20.923c0 1.692-1.385 3.077-3.077 3.077h-25.846c-1.692 0-3.077-1.385-3.077-3.077v-20.923c0-1.692 1.385-3.077 3.077-3.077h25.846c1.692 0 3.077 1.385 3.077 3.077z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__divider"></div>
                    <div class="vditor-toolbar__item">
                      <button data-type="undo" class="vditor-tooltipped vditor-tooltipped__nw vditor-menu--disabled" aria-label="撤销 <⌘-Z>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M12.417 9.75q8.667 1.25 13.375 6.625t6.208 12.958q-6.417-9.083-19.583-9.083v7.25l-12.417-12.417 12.417-12.417v7.083z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__item">
                      <button data-type="redo" class="vditor-tooltipped vditor-tooltipped__nw vditor-menu--disabled" aria-label="重做 <⌘-Y>">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M19.583 9.75q-8.667 1.25-13.375 6.625t-6.208 12.958q6.417-9.083 19.583-9.083v7.25l12.417-12.417-12.417-12.417v7.083z"/>
                        </svg>
                      </button>
                    </div>
                    <div class="vditor-toolbar__divider"></div>
                    <div class="vditor-toolbar__item">
                      <button data-type="more" class="vditor-tooltipped vditor-tooltipped__e" aria-label="更多">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                          <path d="M8.727 13.818v4.364c0 1.205-0.977 2.182-2.182 2.182h-4.364c-1.205 0-2.182-0.977-2.182-2.182v-4.364c0-1.205 0.977-2.182 2.182-2.182h4.364c1.205 0 2.182 0.977 2.182 2.182zM20.364 13.818v4.364c0 1.205-0.977 2.182-2.182 2.182h-4.364c-1.205 0-2.182-0.977-2.182-2.182v-4.364c0-1.205 0.977-2.182 2.182-2.182h4.364c1.205 0 2.182 0.977 2.182 2.182zM32 13.818v4.364c0 1.205-0.977 2.182-2.182 2.182h-4.364c-1.205 0-2.182-0.977-2.182-2.182v-4.364c0-1.205 0.977-2.182 2.182-2.182h4.364c1.205 0 2.182 0.977 2.182 2.182z"/>
                        </svg>
                      </button>
                      <div class="vditor-hint vditor-panel--arrow vditor-panel--left">
                        <div><button>全屏切换 <⌘-'></button></div>
                        <div>
                          <button>切换编辑模式</button>
                          <div class="vditor-hint vditor-panel--side">
                            <button data-mode="wysiwyg" class="vditor-hint--current">
                              所见即所得 <⌘-⌥-7>
                            </button>
                            <button data-mode="ir">
                              即时渲染 <⌘-⌥-8>
                            </button>
                            <button data-mode="sv">
                              分屏预览 <⌘-⌥-9>
                            </button>
                          </div>
                        </div>
                        <div style="display: none;">
                          <button class="vditor-menu--current">
                            编辑 & 预览 <⌘-P>
                          </button>
                        </div>
                        <div style="display: none;">
                          <button>预览 <⌘-⇧-P></button>
                        </div>
                        <div style="display: none;">
                          <button>格式化 <⌘-⇧-F></button>
                        </div>
                        <div style="display: block;"><button>大纲</button></div>
                        <div>
                          <button>代码块主题预览</button>
                          <div class="vditor-hint vditor-panel--side" style="overflow: auto; max-height: 300px;">
                            <button>abap</button><button>algol</button><button>algol_nu</button><button>arduino</button><button>autumn</button><button>borland</button><button>bw</button><button>colorful</button><button>dracula</button><button>emacs</button><button>friendly</button><button>fruity</button><button>github</button><button>igor</button><button>lovelace</button><button>manni</button><button>monokai</button><button>monokailight</button><button>murphy</button><button>native</button><button>paraiso-dark</button><button>paraiso-light</button><button>pastie</button><button>perldoc</button><button>pygments</button><button>rainbow_dash</button><button>rrt</button><button>solarized-dark</button><button>solarized-dark256</button><button>solarized-light</button><button>swapoff</button><button>tango</button><button>trac</button><button>vim</button><button>vs</button><button>xcode</button>
                          </div>
                        </div>
                        <div><button>开发者工具</button></div>
                        <div><button>关于</button></div>
                        <div><button>帮助</button></div>
                      </div>
                    </div>
                    <span class="vditor-counter vditor-tooltipped vditor-tooltipped__n" aria-label="text">0</span>
                  </div>
                  <div class="vditor-content">
                    <div class="vditor-outline">
                      <div class="vditor-outline__panel" style="top: 1426px;">
                        <div class="vditor-outline__title" style="top: 1426px;">
                          大纲
                        </div>
                        <div class="vditor-outline__content"></div>
                      </div>
                    </div>
                    <div class="vditor-wysiwyg" style="display: block;">
                      <pre class="vditor-reset" placeholder="placeholder" contenteditable="true" spellcheck="false" style="--editor-bottom: -1136px; padding: 10px 35px;"></pre>
                      <div class="vditor-panel vditor-panel--none" style="display: none;"></div>
                    </div>
                    <pre class="vditor-textarea" placeholder="placeholder" contenteditable="true" spellcheck="false" style="display: none;"></pre>
                    <div class="vditor-ir" style="display: none;">
                      <pre class="vditor-reset" placeholder="placeholder" contenteditable="true" spellcheck="false"></pre>
                    </div>
                    <div class="vditor-preview" style="display: none;">
                      <div class="vditor-reset" style="max-width: 800px;"></div>
                    </div>
                    <div class="vditor-devtools">
                      <div class="vditor-reset--error"></div>
                      <div style="height: 100%;"></div>
                    </div>
                    <div class="vditor-upload"></div>
                    <div class="vditor-hint"></div>
                    <div class="vditor-tip"></div>
                  </div>
                </div>
                <div class="flex justify-end">
                  <a href="#" class="mt-2 py-2 px-4 bg-gray-700 text-gray-100 rounded-lg hover:bg-gray-900 font-medium">发布</a>
                </div>
              </div>
            </div>
          </div>
          <div class="w-full md:w-1/4 my-2 p-2">
            {{include "layout/forum-sidebar.html" . }}
          </div>
        </div>
      </div>
      {{include "layout/footer.html" . }}
    </div>
    <script src="/js/chunk-vendors.d9521dea.js"></script>
    <script src="/js/app.403ab9f6.js"></script>
  

</body></html>